html, body, #app{
    height: 100%;
}
body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
    text-decoration: none;
    border: none;
    font-family: "Microsoft Yahei",sans-serif;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing: antialiased;
    &:focus {
        outline: none;
    }
}

.text-base{
    color: #409EFF;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.cursor{
    cursor: pointer;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar{  
    width: 6px;  
    height: 6px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track{  
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);  
    border-radius: 10px;  
    background-color: #fff;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb{  
    border-radius: 10px;  
    // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #dddee0;
}  

input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] {
    -webkit-appearance: none;
}

textarea { -webkit-appearance: none;}   

html,body{
    height: 100%;
    width: 100%;
    // background-color: #F5F5F5;
}

#app{
    .fillcontain{
        height: 100%;
        width: 100%;
    }
    .clear:after{
        content: '';
        display: block;
        clear: both;
    }
    
    .clear{
        zoom:1;
    }
    
    .back_img{
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    
    .margin{
        margin: 0 auto;
    }
    
    .left{
        float: left;
    }
    
    .right{
        float: right;
    }
    
    .hide{
        display: none;
    }
    
    .show{
        display: block;
    }
    
    .ellipsis{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .table{
        th{
            padding: 4px 0;
            text-align: center;
            background: #e4e8ea;
            height: 44px;
        }
        .cell{
            padding: 0 !important;
            line-height: 20px;
        }
        td{
            padding: 6px 0;
            text-align: center;
        }
    }
}
.query-form{
    .el-form-item{
        margin-bottom: 10px;
    }
    .el-input, .el-select, .el-date-picker, .el-date-editor{
        width: 230px;
    }
}

//  标签页
.el-tabs__header{
    margin: 0;
}

/************************模态框**********************/
.el-dialog__body{
    padding: 10px 20px 0;
}
.el-dialog__wrapper{
    position: absolute;
    .el-dialog{
        margin: 0 auto !important;
        .el-dialog__header{
            padding: 5px 20px;
            .el-dialog__headerbtn{
                top: 15px;
            }
        }
    }
}





